<template>
<div class="main">
    <div class="title">
        <el-breadcrumb separator="/">
        <el-breadcrumb-item>资料管理</el-breadcrumb-item>
        <el-breadcrumb-item>房屋管理</el-breadcrumb-item>
        <el-breadcrumb-item><a href="">房屋详情</a></el-breadcrumb-item>
        <el-breadcrumb-item></el-breadcrumb-item>
        </el-breadcrumb>
    </div>
    <div class="content">
        房屋详情
    </div>
    <div class="footer">
        <el-descriptions title="房屋信息">
            <el-descriptions-item label="楼座">{{this.text.balcony}}</el-descriptions-item>
            <el-descriptions-item label="单元">{{this.text.units}}</el-descriptions-item>
            <el-descriptions-item label="房间号">{{this.text.rooms}}</el-descriptions-item>
            <el-descriptions-item label="房屋状态">{{this.text.status}}</el-descriptions-item>
            <el-descriptions-item label="房屋用途">{{this.text.purpose}}</el-descriptions-item>
            <el-descriptions-item label="实用面积">{{this.text.areas}}㎡</el-descriptions-item>
            <el-descriptions-item label="户型">{{this.text.houses}}</el-descriptions-item>
        </el-descriptions>
        <el-descriptions title="储藏室信息">
            <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
            <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
            <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
            <el-descriptions-item label="备注"></el-descriptions-item>
            <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
        </el-descriptions>
        <el-descriptions title="车位信息">
            <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
            <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
            <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
            <el-descriptions-item label="备注"></el-descriptions-item>
            <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
        </el-descriptions>
    </div>
</div>
</template>

<script>
import axios from 'axios';
export default {
    data(){
        return{
            text:''
        }
    },
    
    methods:{
        
    },
    mounted(){
        if(this.$route.query.data){
            this.text=this.$route.query.data
            console.log(223,this.text);
        }
    }
}
</script>

<style scoped lang="scss">
.main{
    margin: 0px;
    background-image: none;
    position: relative;
    left: -24px;
    width: 1136px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    .title{
        margin-top: 20px;
        padding: 16px 0 0 32px;
        background-color: #fff;
    }
    .content{
        font-weight: 700;
        background-color: #fff;
        font-size: 20px;
        color: rgba(0, 0, 0, 0.847058823529412);
        padding: 16px 0 16px 32px;
        border-bottom: 1px solid rgba(233, 233, 233, 1);;
    }
    .el-descriptions{
        background-color: #fff;
        margin-top: 20px;
        padding: 24px;
    }
}
</style>